מספר ההתקנות של אפליקציית PWA של Clipchamp' הוא עלייה של 97% בחודש

איך אפליקציות ל-PWA,‏ WebAssembly ו-ChromeOS עוזרות לכלי לעריכת סרטונים מבוסס-אינטרנט לספק ביצועים טובים יותר וחוויה מרתקת יותר ל-12 מיליון משתמשים.

Sören Balko

Clipchamp הוא כלי לעריכת סרטונים באינטרנט בדפדפן, שמאפשר לכל אחד לספר סיפורים ששווה לשתף באמצעות סרטונים. יותר מ-12 מיליון יוצרים ברחבי העולם משתמשים ב-Clipchamp כדי לערוך סרטונים בקלות. אנחנו מציעים פתרונות פשוטים ליצירת סרטונים, החל מכלי אינטואיטיביים כמו חיתוך וקיצוץ, ועד לתכונות מעשיות כמו מכשיר הקלטת המסך, ואפילו כלי ליצירת ממים.

מי משתמש ב-Clipchamp?

המשתמשים שלנו (או 'העורכים היומיים', כפי שאנחנו מכנים אותם) הם מגוונים. לא צריך ידע מקצועי כדי לערוך סרטונים ב-Clipchamp. באופן ספציפי, אנחנו רואים כרגע שצוותי המכירות, ההדרכה של התמיכה ושיווק המוצרים משתמשים במצלמת האינטרנט ובמצלמת המסך שלנו כדי ליצור תוכן הסבר קצר עם טקסט וקובצי GIF כדי להפוך אותו למעניין. אנחנו גם רואים שעסקים קטנים רבים עורכים ומפרסמים סרטונים ברשתות החברתיות בזמן שהם בדרכים.

באילו אתגרים הם נתקלים?

אנחנו מבינים שעריכת סרטונים יכולה להרתיע בהתחלה. ההנחה היא שזה קשה, כנראה בגלל חוויות מתסכלות קודמות עם תוכנות עריכה מורכבות. לעומת זאת, Clipchamp מתמקדת בקלות ובפשטות, ומספקת תמיכה בהוספת שכבות טקסט, סרטונים וקטעי מוזיקה מ-Stock, תבניות ועוד.

אנחנו מוצאים שרוב העריכים היומיומיים לא נועדו ליצור סרטים מופלאים. אנחנו מדברים הרבה עם המשתמשים שלנו, ותמיד נזכרים שהם עסוקים ורוצים רק לשתף את הסיפור שלהם עם העולם במהירות ובקלות האפשרית. זו המטרה שלנו.

פיתוח אפליקציית PWA של Clipchamp

ב-Clipchamp אנחנו רוצים לעזור לאנשים לספר את הסיפורים שלהם באמצעות סרטונים. כדי לעמוד בחזון הזה, מהר מאוד הבנו שחשוב לאפשר למשתמשים שלנו להשתמש בקטעים שלהם כשהם יוצרים סרטון.

התובנה הזו הובילה את צוות המהנדסים של Clipchamp לפתח טכנולוגיה שיכולה לעבד ביעילות קבצי מדיה בנפח של ג'יגה-בייט באפליקציית אינטרנט. מתוך מחשבה על מגבלות רוחב הפס של הרשת, הגענו במהירות למסקנה שפתרון מסורתי מבוסס-ענן לא מתאים. העלאת קבצי מדיה גדולים בחיבור לאינטרנט ביתי תגרום לזמני המתנה ארוכים מאוד לפני שתוכלו להתחיל לערוך, וכתוצאה מכך חוויית המשתמש תהיה גרועה.

לכן החלטנו לעבור לפתרון מלא בדפדפן, שבו כל העבודה הקשה של עיבוד הווידאו מתבצעת באופן מקומי באמצעות משאבי החומרה שזמינים במכשיר של משתמש הקצה. התמקדנו באופן אסטרטגי בדפדפן Chrome, ובאופן משני בפלטפורמת ChromeOS, כדי לעזור לנו להתגבר על האתגרים הבלתי נמנעים של פיתוח פלטפורמה ליצירת סרטונים בדפדפן.

עיבוד וידאו צורך משאבים רבים, ומשפיע גם על משאבי המחשב וגם על משאבי האחסון. התחלנו לפתח את הגרסה הראשונה של Clipchamp על גבי הלקוח המקורי (Portable) של Google‏ (PNaCl). בסופו של דבר הוצאנו אותה משימוש, אבל PNaCl הייתה אישור מצוין לצוות שלנו על כך שאפליקציות אינטרנט יכולות להיות מהירות עם זמן אחזור קצר, ועדיין לפעול בחומרה של משתמשי הקצה.

כשעברנו מאוחר יותר ל-WebAssembly, שמחנו לראות ש-Chrome מוביל בשילוב תכונות אחרי MVP, כמו פעולות זיכרון בכמות גדולה, שרשור ופעולות וקטורים ברוחב קבוע (בגרסה האחרונה). הצוות שלנו חיכה מאוד לאפשרות הזו, כי היא מאפשרת לנו לבצע אופטימיזציה של סטאק עיבוד הווידאו שלנו כדי לנצל את היתרונות של פעולות SIMD, הנפוצות במעבדי CPU מודרניים. בעזרת התמיכה של Chrome ב-WebAssembly SIMD, הצלחנו לזרז עומסי עבודה תובעניים במיוחד, כמו פענוח וקידוד של סרטונים באיכות 4K.

עם מעט ניסיון קודם ובמשך פחות מחודש של מאמץ מצד אחד מהמהנדסים שלנו, הצלחנו לשפר את הביצועים פי 2.3. עדיין מדובר בגרסת ניסיון מוגבלת למקורות ב-Chrome, אבל כבר הצלחנו להשיק את השיפורים האלה ב-SIMD לרוב המשתמשים שלנו. המשתמשים שלנו משתמשים בהגדרות חומרה שונות מאוד, אבל הצלחנו לאשר שיפור תואם בביצועים בסביבת הייצור בלי לראות השפעות מזיקות בשיעורי הכשל.

לאחרונה שילבנו את WebCodecs API, שזמין כרגע במסגרת גרסת מקור אחרת לניסיון ב-Chrome. בעזרת היכולת החדשה הזו נוכל לשפר עוד יותר את הביצועים של פענוח הסרטונים בחומרה עם מפרט נמוך, כמו זו שנמצאת במכשירי Chromebook פופולריים רבים.

אחרי שיוצרים אפליקציית PWA, חשוב לעודד את השימוש בה. כמו באפליקציות אינטרנט רבות, התמקדנו בנוחות הגישה, כולל כניסה באמצעות רשתות חברתיות, כולל Google, כדי להעביר את המשתמש במהירות למקום שבו הוא יכול לערוך את הסרטון, ולאחר מכן לייצא אותו בקלות. בנוסף, הנחיות ההתקנה של ה-PWA הוצגו בסרגל הכלים וכהודעה קופצת בתפריט הניווט.

תוצאות

גרסת ה-PWA להתקנה ב-Chrome פופולרית מאוד. שמחנו לראות ששיעור השימור של משתמשי אפליקציות ה-PWA גבוה ב-9% בהשוואה למשתמשי המחשב הרגילים. מספר ההתקנות של אפליקציית ה-PWA גדל במהירות רבה, בשיעור של 97% בחודש, מאז השקנו אותה לפני חמישה חודשים. כמו כן, כפי שציינתי קודם, השיפורים של WebAssembly ב-SIMD שיפרו את הביצועים פי 2.3.

עתיד

הופתענו לטובה מהמעורבות והשימוש באפליקציית ה-PWA שלנו. לדעתנו, שיעור השימור של המשתמשים ב-Clipchamp עלה כי אפליקציית ה-PWA מותקנת וקלה יותר לגשת אליה. כמו כן, שמנו לב שה-PWA מניב ביצועים טובים יותר לעורך, מה שמעודד אנשים להשתמש בו שוב ושוב.

אנחנו מצפים לעתיד ומצפים לראות עוד משתמשים שמשתמשים ב-ChromeOS כדי להשיג יותר דברים בקלות רבה יותר. באופן ספציפי, אנחנו שמחים על חלק מהשילובים הנוחים עם מערכת ההפעלה המקומית בעבודה עם קבצים. אנחנו סבורים שהשינוי הזה יעזור לייעל את תהליכי העבודה של העורכים שלנו, שעובדים קשה כל יום, וזה אחד מהעדיפויות הגבוהות ביותר שלנו.